<!DOCTYPE html>
<!--[if lt IE 7]>
<html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>
<html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>
<html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js">
<!--<![endif]-->
<head>
    <%- include('component/head') %>
</head>
<body>
<div id="lzpper">
    <div id="fh5co-page">
        <!-- 左边菜单 -->
        <%- include('component/left_menu') %>
        <div id="fh5co-main">

            <div class="heading-banner-area"></div>

            <div class="row">


                <!-- left -->
                <div class="col-md-9" style="padding: 20px;">


                    <!-- title -->
                    <div style="margin-left: 1.9375rem; padding: 15px 0;">
                        <div>
                            <% if (ALabel){ %>
                                <a href="/label/<%= ALabel[0].id %>"><span class="badge badge-success"><%= ALabel[0].la_name %></span></a>
                            <% } %>
                        </div>

                        <% if(Articles){ %>
                            <h1 style="margin-bottom: 0;">
                                <font style="vertical-align: inherit;">
                                    <font style="vertical-align: inherit;"><%= Articles[0].title %></font>
                                </font>
                                <a href="#"><i class="icon-star"></i></a>
                            </h1>
                        <% } %>
                        <div class="">
                            <a href="#">
                                <div class="">
                                    <img src="/images/1.jpg" style="width: 2.8125rem; height: 2.8125rem;"
                                         class="rounded-circle"/>

                                    <span style="margin-left: 0.625rem;">
											<small>by <%= AUser[0].username %> </small> /
											<small><i class="icon-clock3"></i><%= new Date(Articles[0].time).toLocaleDateString() %></small> /
											<small> <i class="icon-eye2"></i> <%= Articles[0].hits %></small>
										</span>
                                </div>
                            </a>

                        </div>
                    </div>


                    <!-- content -->
                    <div>
                        <main class="col-md-12 bd-content" role="main">
                            <div id="editormd-view">
                                <textarea style="display:none;"
                                          name="test-editormd-markdown-doc">###Hello world!</textarea>
                            </div>
                        </main>
                    </div>


                    <!-- 推荐&标签 -->
                    <div>
                        <div class="col-12" style="padding: 0.9375rem;border-top: #10707F 1px solid;">

                            <p>
                                <span>#标签——</span>
                                <span>
                                    <% if (ALabel){ %>
                                        <a href="/label/<%= ALabel[0].id %>">
                                            <span class="badge badge-success"><%= ALabel[0].la_name %></span></a>
                                    <% } %>

                                </span>
                            </p>
                        </div>

                        <div class="col-md-12">
                            <h2 class="fh5co-heading animate-box fadeInLeft animated"
                                data-animate-effect="fadeInLeft" style="margin-top: 15px;">推荐博客</h2>
                            <div class="row">
                                <% if(ArticleRecList){ %>
                                    <% ArticleRecList.forEach((item) => { %>
                                        <div class="col-lg-3 col-md-6 col-sm-6 col-padding animate-box"
                                             data-animate-effect="fadeInLeft">
                                            <div class="blog-entry">
                                                <a href="/article/<%= item.id %>" class="blog-img"><img
                                                            src="<%= item.thumbnail %>" class="img-responsive"
                                                            alt="<%= item.title %>"></a>
                                                <div class="desc">
                                                    <h3><a href="/article/<%= item.id %>"><%= item.title %></a></h3>
                                                    <span><small>by userName </small> / <small> category </small> / <small> <i
                                                                    class="icon-eye"></i> <%= item.hits %></small></span>
                                                    <p><%= item.title %></p>
                                                    <a href="/article/<%= item.id %>" class="lead">阅读更多 <i
                                                                class="icon-arrow-right3"></i></a>
                                                </div>
                                            </div>
                                        </div>
                                    <% }); %>
                                <% } %>
                            </div>

                        </div>
                    </div>


                    <!-- 评论 -->
                    <!--
                    <div style="padding: 15px;">
                        <h2 class="fh5co-heading animate-box fadeInLeft animated" data-animate-effect="fadeInLeft"
                            style="margin-top: 15px;">留言与回复</h2>
                        <div class="media">
                            <img src="images/img-2.jpg" class="img-fluid img-circle" alt="..."
                                 style="width: 45px; height: 45px;margin-right: 0.9375rem;">
                            <div class="media-body">
                                <h5>Media heading</h5>
                                <p>Standing on the frontline when the bombs start to fall. Heaven is jealous of our
                                    love, angels are crying from up above. Can't replace you with a million rings.
                                    Boy, when you're with me I'll give you a taste. There’s no going back. Before
                                    you met me I was alright but things were kinda heavy. Heavy is the head that
                                    wears the crown.</p>

                                <div class="media">
                                    <a href="#">
                                        <img src="images/img-2.jpg" class="img-fluid img-circle" alt="..."
                                             style="width: 45px; height: 45px; margin-right: 0.9375rem;">
                                    </a>
                                    <div class="media-body">
                                        <h5>Media heading</h5>
                                        <p>Greetings loved ones let's take a journey. Yes, we make angels cry,
                                            raining down on earth from up above. Give you something good to
                                            celebrate. I used to bite my tongue and hold my breath. I'm ma get your
                                            heart racing in my skin-tight jeans. As I march alone to a different
                                            beat. Summer after high school when we first met. You're so hypnotizing,
                                            could you be the devil? Could you be an angel? It's time to bring out
                                            the big balloons. Thought that I was the exception. Bikinis, zucchinis,
                                            Martinis, no weenies.</p>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="media">
                            <a href="#">
                                <img src="images/img-2.jpg" class="img-fluid img-circle" alt="..."
                                     style="width: 45px; height: 45px; margin-right: 0.9375rem;">
                            </a>
                            <div class="media-body">
                                <h5>Media heading</h5>
                                <p>Greetings loved ones let's take a journey. Yes, we make angels cry,
                                    raining down on earth from up above. Give you something good to
                                    celebrate. I used to bite my tongue and hold my breath. I'm ma get your
                                    heart racing in my skin-tight jeans. As I march alone to a different
                                    beat. Summer after high school when we first met. You're so hypnotizing,
                                    could you be the devil? Could you be an angel? It's time to bring out
                                    the big balloons. Thought that I was the exception. Bikinis, zucchinis,
                                    Martinis, no weenies.</p>
                            </div>
                        </div>
                    </div>

                    <div class="fh5co-narrow-content animate-box" data-animate-effect="fadeInLeft">

                        <div class="row">
                            <div class="col-md-4">
                                <h2>留言</h2>
                            </div>
                        </div>
                        <form action="">
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="row">

                                        <div class="col-md-10">
                                            <div class="form-group">
													<textarea name="" id="message" cols="30" rows="7"
                                                              class="form-control" placeholder="输入内容..."></textarea>
                                            </div>
                                            <div class="form-group">
                                                <input type="submit" class="btn btn-primary btn-md" value="发送留言">
                                            </div>
                                        </div>

                                    </div>
                                </div>

                            </div>
                        </form>
                    </div>
                    -->

                </div>

                <!-- right -->
                <div class="col-md-3 right-main-box">
                    <div class="widget latest-posts">
                        <header>
                            <h3 class="h6">最新博客</h3>
                        </header>
                        <div class="blog-posts">

                            <% if(ArticleNewList){ %>
                                <% ArticleNewList.forEach((item) => { %>
                                    <a href="/article/<%= item.id %>">
                                        <div class="item d-flex align-items-center">
                                            <div class="image"><img src="<%= item.thumbnail %>" alt="<%= item.title %>"
                                                                    class="img-fluid">
                                            </div>
                                            <div class="title"><strong><%= item.title %></strong>
                                                <div class="d-flex align-items-center">
                                                    <div class="views"><i class="icon-eye"></i> <%= item.hits %> |</div>
                                                    <div class="comments"><i class="icon-command2"></i>12</div>
                                                </div>
                                            </div>
                                        </div>
                                    </a>

                                <% }); %>
                            <% } %>

                        </div>
                    </div>


                    <div class="widget tags">
                        <header>
                            <h3 class="h6">
                                <font style="vertical-align: inherit;">
                                    <font style="vertical-align: inherit;">标签</font>
                                </font>
                            </h3>
                        </header>
                        <ul class="list-inline">
								<span>
                                    <% if(Labels) { %>
                                        <% Labels.forEach((item) => { %>
                                            <a style="margin-left: 5px" href="/label/<%= item.id %>"><span
                                                        class="badge badge-success"> <%= item.la_name %></span></a>
                                        <% }); %>
                                    <% } %>
                                </span>
                        </ul>
                    </div>

                </div>
            </div>

        </div>
    </div>
</div>
<%- include('component/vue') %>
</body>
</html>
